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ABSTRAK 


Majunya teknologi pada masa sekarang harus bisa kita manfaatkan sebaik mungkin karena pada masa sekarang yang 
semua serba teknologi kita harus bisa mengikuti perkembangan tersebut agar tidak tertinggal. Salah satu pemanfaatan teknologi 
adalah dengan membuat aplikasi daftar stok menu pada Warteg ini. Pembuatan program ini menggunakan framework dan 
menggunakan metode MVC (Model-View-Controller) dengan memisahkan data (Model), tampilan (View) dan prosesnya 
(Controller). Dengan menggunakan metode MVC dapat memudahkan programer dalam membuat dan mengembangkakn 
program aplikasi daftar stok menu pada Warteg. Program ini juga menggunakan basisdata untuk memudahkan dalam 
penyimpanan data. Dengan dibuatnya program aplikasi ini diharapkan dapat mempermudah dalam pencatatan stok menu pada 
Warteg. 
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ABSTRAK 


We must be able to make the best use of the advancement of technology at the present time because in the present era 
where everything is all technological, we must be able to keep up with these developments so that we are not left behind. One of 
the uses of technology is to make a menu stock list application for this Warteg. Making this program uses a framework and uses 
the MVC (Model-View-Controller) method by separating the data (Model), view (View) and the process (Controller). Using the 
MVC method can make it easier for programmers to create and develop menu stock list application programs on Warteg. This 
program also uses a database to facilitate data storage. By making this application program, it is hoped that it will make it easier 
to record menu stock at Warteg. 
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Pendahuluan 

di zaman revolusi industri 4.0 ini kita dapat melihat berbagai perubahan dalam sektor teknologi 
yang semakin maju. Saat ini majunya sektor teknologi membawa banyak peluang dalam berbagai bidang, 
contohnya dalam bidang ekonomi, kesehatan, pendidikan, sosial, dan kesehatan. Dalam bidang ekonomi 
itu sendiri berkat adanya teknologi yang sudah maju dapat membantu setiap sektor ekonomi dari 
pedagang kecil sampai perusahaan besar menjadi semakin mudah (camelia, 2022). 

Nama Warteg sudah tidak asing ditelinga kita, Warteg adalah warung sederhana yang menyajikan 
menu yang beragam dan tergolong cukup murah, maka dari itu peminatnya kebannyakan dari kalangan 
kelas menengah kebawah (Ruswondho, Tjejep, Wahyu, 2015). walaupun namanya merujuk pada suatu 
daerah di Jawa Tengah yaitu kota Tegal, Warteg atau warung tegal cukup terkenal sehingga dapat kita 
temui di daerah pulau jawa atau di luar pulau jawa sekalipun, pastinya dengan menu-menu yang 


sederhana khas Jawa Tengah dan Jawa Timur nya(Agus, Iswahyu, 2020). Untuk mengikuti zaman 
revolusi industri yang terus berkembang ini, cara pengelolaan pada Warteg juga harus terus 
dikembangkan . dapat diawali dengan menggembangkan sistem pencatatan stok menu yang awalnya 
ditulis dengan menggunakan buku catatan biasa dapat beralih dengan menggunakan sistem aplikasi yang 
lebih moderen. 

Untuk membuat suatu program kita dapat menggunakan framework. Framework adalah kerangka 
kerja, dapat diartikan sebagai kumpulan scrip yang dapat mengembangkan program dalam mengatasi 
masalah pada koneksi database sampai pemanggilan variable, dan file. Metode yang digunakan dalam 
framework adalah metode MVC. MVC (Model-View-Controller) adalah metode untuk membuat aplikasi 
dengan memisahkan data (Model), tampilan (View) dan prosesnya (Controller). dengan menggunakan 
metode MVC dapat mempermudah dalam penyusunan sebuah aplikasi (Dewi, Ichwan, M Irzan, 2011). 


Tinjauan Pustaka 
FRAMEWORK 

Framewok adalah kerangka kerja, juga dapat diartikan sebagai kumpulan scrip yang dapat 
membantu programer/developer mengembangkan program dalam mengatasi masalah pada koneksi 
database sampai pemanggilan variable, dan file. Dengan ini programer sangat terbantu sehingga dapat 
membangun dan mengembangkan aplikasi lebih cepat. 


MVC (Model-View-Controller) 

MVC atau Model-View-Controller adalah metode untuk membangun aplikasi dengan cara 
memisahkan data (Model), tampilan (View), dan prosesnya (Controller). implementasi dalam framework 
pada aplikasi web biasanya berbasis MVC (Model-View-Controller). 


WARTEG 

Warteg atau warung tegal adalah sebuah warung sederhana yang menyediakan menu-menu 
dengan harga terjangkau dan banyak variannya, makadari itu Warteg lebih familiar dikalangan kelas 
menengah kebawah. walaupun namanya merujuk pada suatu daerah di Jawa Tengah yaitu kota Tegal, 
Warteg juga cukup terkenal sampai kedaerah di luar pulau jawa, pastinya dengan menu-menu yang 
sederhana khas Jawa Tengah dan Jawa Timur nya. 


Metode 

Artikel ini disusun menggunakan metode Systematic Literature Value (SLV) yang bertujuan 
untuk mengidentifikasi dan mengevaluasi studi atau artikel ilmiah yang berkaitan dengan topik penelitian. 
Metode ini mengidentifikasi konsep MVC dalam pembuatan aplikasi itu seperti apa, komponen apa saja 
yang digunakan, apa yang dimaksut dengan Warteg itu sendiri, dan lain-lain. Menggunakan sumber data 
dari berbagai studi artikel yang berkaitan dengan artikel ini di internet. Metode SLV juga digunakan 
untuk mengevaluasi hasil dengan mempraktikan atau membuat langsung sebuah aplikasi sederhana 
menggunakan netbeans untuk membuat program dan XAMPP untuk menghubungkan program ke 
database. 


Hasil dan Pembahasan 

Aplikasi daftar stok menu pada Warteg dapat membantu dalam pencatatan stok menu yang 
awalnya ditulis dengan menggunakan kertas secara manual menjadi lebih efisien dan mudah. Berikut 
adalah pembuatan program aplikasi daftar stok menu pada Warteg 
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1. Tampilan bagian packages yang terdapat dalam projek mvc warung 


—!IS mvc warung 

Ha 
(8 controller 
(8 koneksi 
P3 model 
HB tablemodel 
HB view 
Hrlid Test Packages 
He Libraries 
He Test Libraries 


Gambar. I. packages mvc warung 
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2. Tampilan pada packages Controller 


package controller: 


java.sgl.Statement: 

import javax.swing.JOptionPanej 
import javax.awing.table.TableModel: 
koneksi.koneksi: 


view.form warung: 


import model.model warung: 
L import tablemodel.tblmodwarung: 


author 


public class controller warung (| 
private form warung frm: 
private model warung wrg: 
private tblmodwarung model: 
public controller warung(form warung frm) | 
this.frm - frm: 
model- new tblmodwarung (): 
frm.gettbl () .setModel ((TableModel) model): 


Gambar 2. koding untuk class Controller warung 
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public void simpan () | 
wrg- new model warung (): 
wrg.setNama (frm.getnama () .getText ()): 

Harga (£rm.getharga () .« Oz 

(£rm.getstok () .getText ()): 

wrg.setKategori ((String) #rm.getkategori () .getSelectedIten()): 


1. simpan (wrg) #4 
1 


JOptLonPan geDialog(null, "data berhasil disimpan"): 
Jcatch (Excep 


Toptior wMessageDi: 


(null, "data gagal disi 


pan"): 


, 


Gambar 2.1. koding untuk class Controller warung 


into daftar produk VALUES ('"twrg.getNama ()t"" 


| ""turg getilarga ()t" 1," 


"tWIrg.getStok ()t"", ""twrg.getKategori ()t"") 


3. Tampilan packages koneksi 
Berfungsi untuk mengoneksikan database 


aksi: 


static c 
public static nection getConnection() | 
tryl 


i » DriverManager.getCon 


sction ("jdbc:nys 


| Jcatch (Exception e) ( 


si database gagal"): 


og (null, "K 
return koneksi: 


|) 


Gambar 3. koding untuk class Koneksi 


4. Tampilan packages model 


class model warung | 


publ 
privaLe Slring names 
private SLring hargas 
private String sLoks 


private String kategori: 


publis String getNama() ( 
return nama: 


$ 
1 public String getHarga() ( 
return harga, 
|) 
J publis string getStokt) (| 
return at : 
) 
J publi tring getKategori (|) | 
return kategori: 
) 


localhost/data warung", 


LN 


public void setNama (String nama) ( 
this.nama -— nama: 


public void setHarga(String harga) ( 
this.harga - harga, 


public void setStok(String stok) | 
this.atok - stok: 


public void setKategori (String kategori) ( 


this.kategori — kategori, 


Gambar 4. koding untuk class Model warung Gambar 4.1. koding untuk class Model warung 


5. Tampilan packages model 


Berfungsi untuk menampilkan data pada tabel 


8 java.util.ArrayList, 

9 t javax.3wing.table.AbstractTablel 

10 model.model warung: 

ll 

12 

13 r 

14 

15 public class tblmodwarung extends AbstractTableModel | 
16 

4 private ArrayList «model warung» list « new ArrayList P(): 
19 private final String() header-f "nama", "harga", "stok", "kategori": 
19 @override 

Re public int getRowCount () (| 

21 return list.size(): 

22 , 

23 @Override 

. public String getColumnName (int column) ( 

25 return header(column): 

26 l 

27 @override 

. public int getColumnCount () ( 

29 return header.lengths 

30 , 


Gambar 5. koding untuk class tblmodwarung 


32 Goverride 

# public Object getValueAt(int rowIndex, int columnIndex) ( 
34 model warung m - list.get (rowIndex) : 

35 awiteh (columnIndex) ( 

36 0: return m.getNama (): 

37 1: return m.getHarga (): 

38 return m.getStok(): 

39 case 3: return m.getKategori (): 

40 default: return null: 

41 , 

42 l 

43 

44 I public void simpan(model warung wrg) ( 

45 list.add (wrg): 

46 System t.printIn(list e))i 

4 fireTableRowsInserted(list.size()-1, list.size()-l): 
48 | 

49 

50 ) 


Gambar 5.1. koding untuk class tblmodwarung 
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6. Tampilan packages view 


Terdapat interface dan koding untuk class form warung 


daftar stok menu warteg 
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Gambar 6. Interface 
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Gambar 6.1 koding untuk class form warung 


private void bsimpanActionPerformed (java.awt.event.ActionEvent evt) ( 


ctrl.simpan (): 
l 


private void bresetActionPerformed (java.awt.event.ActionEvent evt) ( 


ctrl.reset (): 
5 


Gambar 6.2. koding untuk class form warung (button simpan dan reset) 


7. Tampilan database 


Databse berfungsi untuk menyimpan data yang masuk dari aplikasi 


2 data warung 


- 'g Baru 
t-» daftar produk 


Gambar 7. Nama database dan nama table 
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# Nama Jenis Penyortiran Atribut 


1 namaproduk varchar(20) utf8mb4 general ci 


2 harga int(20) 
3 stok int(10) 
4 kategori varchar(10) utf8mb4 general ci 


Gambar 7.1. table daftar produk 
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Simpulan 

Dari hasil penelitian diatas dapat ditarik kesimpulan bahwa dibuatnya aplikasi daftar stok menu 
pada warteg adalah untuk memudahkan dalam mencatat stok menu pada warteg. Menggunakan metode 
MVC lebih memudahkan programer dalam membuat dan mengembangkan aplikasi daftar stok menu pada 
warteg karena sistemnya yang dibagi menjadi model-view-controller sehingga data tidak tercampur dan 
lebih mudah untuk ditemukan. 
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